<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			<!-- 属性不能使用mustache语法 -->
			<!-- <img src="{{imgURL}}" alt=""> -->
			<!-- <h2>{{}}</h2> -->
			
			<!-- 正确的做法:使用v-bind指令 -->
			<img v-bind:src="imgURL" alt="">
			<a v-bind:href="aHref">百度一下</a>
			<!-- 语法糖 -->
			<a :href="aHref">百度一下</a>
		</div>
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			const app = new Vue({
				el: "#app",
				data:{
					message: "你好啊!",
					imgURL : 'https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png',
					aHref: 'https://www.baidu.com'
				}
				
			})
		</script>
	</body>
	
</html>
